body{overflow-x: hidden;}

.readerwall{
padding:5px 0 5px 5px;
font-size:12px;
overflow:visible;
}

.readerwall li{
margin:0;
padding:3px;
float:left;
list-style:none;
border: 1px solid #DFDFDF;
-moz-border-radius:2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}

.readerwall .active-bg{
height:2px;
font-size:0;
margin:2px 0 2px 0px;
background:#DFDFDF; 
}

.readerwall .active-degree{
background:red;
height:2px;
font-size:0;
}

.readerwall a{
display:inline-block;
width:36px;
height:36px;
position:relative;
padding:0;
text-decoration:none
}

.readerwall .pic{
position:absolute;
top:0;
left:0;
z-index:100;
width:36px;
height:36px;
display:block;
-webkit-transform-style:preserve-3d;
-webkit-backface-visibility:hidden;
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
border-radius:4px; 
text-indent:-9999px
}

.readerwall .num{
position:absolute;
top:0;
left:0;
z-index:99;
width:35px;
height:35px;
line-height:36px;
color:#E02523;
font-size:18px;
font-weight:bold;
display:block;
background:#fff;
text-align:center;
border:#bbb 1px solid;
box-shadow:0 0 4px #ccc;
-webkit-transform:rotateY(-180deg);
-webkit-transform-style:preserve-3d;
-webkit-backface-visibility:hidden;
transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
border-radius:4px
}

.readerwall .name{
position:absolute;
top:0;
left:0;
color:#333;
display:block;
width:1px;
height:1px;
overflow:hidden;
-webkit-transform-style:preserve-3d;
-webkit-backface-visibility:hidden;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
text-align:center
}

.readerwall a:hover .pic{
z-index:100;
border-color:#eee;
-webkit-transform:rotateY(180deg);
-moz-transform:rotateY(180deg);
-ms-transform:rotateY(180deg)
}

.readerwall a:hover .num{
z-index:101;
-webkit-transform:rotateY(0deg);
-moz-transform:rotateY(0deg);
-ms-transform:rotateY(0deg);
opacity:.8
}

.readerwall a:hover .name{
top:-28px;
left:-38px;
z-index:101;
padding:4px 6px;
height:20px;
line-height:20px;
overflow:hidden;
background:#fff;
border-radius:2px;
box-shadow:0 0 3px #000;
min-width:100px;
opacity:.8
}